@media(max-width:768px){
    body .header{
        /* position: fixed;
        top: 0; */
        width: 100%;
    }
    .header .header-c{
        width: 90%;
    }
    .header .header-c .nav{
        position: fixed;
        top: 80px;
        right: 0;
        max-height: 0;
        transition: all linear .8s;
        overflow: hidden;
        z-index: 99;
        background-color: #fff;
        box-shadow: 0 2px 6px rgba(0,0,0,.1);
    }
    .header .header-c .nav.open{
        max-height: 400px;
        border-radius: 4px;
    }
    .header .header-c .nav .nav-item{
        display: block;
        width: 80px;
        margin: 25px 25px;
        box-sizing: content-box;
    }
    .header .header-c .m-nav-icon{
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: block;
        width: 72px;
        height: 60px;
        color: #181818;
        transition: all ease-in-out .4s;
    }
    .header .header-c .m-nav-icon span{
        display: block;
        width: 30px;
        height: 2px;
        background-color: #888;
        margin: 0 auto;
        transition: all ease .4s;
    }
    .header .header-c .m-nav-icon.open{
        transform: rotateZ(45deg);
    }
    .header .header-c .m-nav-icon span:nth-child(1){
        margin-top: 20px;
    }
    .header .header-c .m-nav-icon span:nth-child(2){
        margin-top: 5px;
    }
    .header .header-c .m-nav-icon span:nth-child(3){
        margin-top: 5px;
    }
    .header .header-c .m-nav-icon.open span:nth-child(3){
        transform: translateY(-7px) rotateZ(90deg);	
    }
    .header .header-c .m-nav-icon.open span:nth-child(1){
        transform: translateY(7px);	
    }
    .header .header-c .m-nav-icon.close span{
        transition-delay: .8s;
    }
    .header .header-c .m-nav-icon.open,
    .header .header-c .m-nav-icon:hover{
        color: #0F73D8;
    }
    .banner .banner-c{
        width: 90%;
    }
    .container .case-list .case-item{
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }
    .footer .contact .contact-c{
        width: 90%;
    }
    .footer .contact .contact-c .contact-us{
        margin-top: 50px;
    }
    .footer .contact .contact-c .contact-info{
        display: block;
        width: 100%;
        margin-bottom: 50px;
    }
    .footer .contact .contact-c .contact-info li{
        margin-bottom: 30px;
    }
    .footer .footer-copyright .footer-copyright-c{
        width: 90%;
    }
}